/*  
Theme Name: 10th Planet JJ
Description: The BJJ Revolution
Author: Scott Elkin
Author URI: http://scottelkin.com

*/
/* **************************

Css Reset

************************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

/* remember to define focus styles! */

:focus {outline: 0;}

ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}


/* **************************

General Styles

************************** */

body{
	background:#000 url(images/background.jpg) 0 0 repeat-x; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:1.3;
	color:#fff; 
	text-align: center;
	margin:0;
	padding:0;
	font-size:62.5%;
	min-height: 700px;
}


.home {background: none; background-color:#000;} 


.centered {
	margin:0 auto; 
	width:960px; 
}

img{border:none;behavior: url(includes/iepngfix.htc);}

h1{}

h2{font-size:1.9em;}

h3{font-size:1.5em;}

h4{font-size:1.2em;}

h5{}

h6{}

p{color:#ccc;}


table, tr, th, td, thead, tbody, tfoot{}

strong{font-weight:bold;}

em{font-style:italic;}

sup{font-size:smaller;text-decoration:none !important;}

.center{text-align:center;}

ol{margin:5px 0 10px 26px;}

.clear{clear:both;}

.alignleft {float:left;margin:0 10px 10px 0;}
.alignright {float:right;margin:0 0 10px 10px;}
.thumb-alignleft {
	float:left;
	margin:0px 15px 8px 40px;
}

a {color:#4ca6ff; text-decoration: none;}
a:hover {text-decoration: underline;}

/* header */

#header {
	background: url(images/nav.jpg) center 30px no-repeat;
	width:100%;
	margin: 0 auto;
	min-width: 960px;
}
#header .centered {
	height:90px;
	position:relative;
}

#header h1 {
	width:100%;	
}
#header h1 a {
	width:200px;
	height:116px;
	position:absolute;
	text-indent: -9999px;
	background:url(images/logo.png) top center no-repeat;
	top:0;
	left:39%;
}
#header ul {
	padding-top:45px;
}
#header li{
	position:relative;
	float: left;
	padding: 5px 15px;
	list-style:none; 
	z-index:100;
	text-indent: -9999px;
}
#header li a {
	display:block;
}
#header .first {padding-left:0;}
#header #logo {}
#header ul a{
	height:16px;
}

#blog a {width:86px; background: transparent url(images/menu.png) 0 0 no-repeat;}
#techniques a {width:78px; background: transparent url(images/menu.png) -90px 0 no-repeat;}
#store a {width:39px; background: transparent url(images/menu.png) -172px 0 no-repeat;}
#music a {width:39px; background: transparent url(images/menu.png) -216px 0 no-repeat;}
#logo {width:210px;}
#locations a {width:69px; background: transparent url(images/menu.png) -260px 0 no-repeat;}
#forum a {width:90px; background: transparent url(images/menu.png) -335px 0 no-repeat;}
#login a {width:42px; background: transparent url(images/menu.png) -433px 0 no-repeat;}
#signup  a {width:51px; background: transparent url(images/menu.png) -481px 0 no-repeat;}

#blog a:hover {background: transparent url(images/menu.png) 0 -17px no-repeat;}
#techniques a:hover {background: transparent url(images/menu.png) -90px -17px no-repeat;}
#store a:hover {background: transparent url(images/menu.png) -172px -34px no-repeat;}
#music a:hover {background: transparent url(images/menu.png) -216px -34px no-repeat;}
#locations a:hover {background: transparent url(images/menu.png) -260px -17px no-repeat;}
#forum a:hover {background: transparent url(images/menu.png) -335px -17px no-repeat;}
#login a:hover {background: transparent url(images/menu.png) -433px -17px no-repeat;}
#signup  a:hover {background: transparent url(images/menu.png) -481px -17px no-repeat;}

.blog #blog a {background: transparent url(images/menu.png) 0 -17px no-repeat;}
.page-template-page-techniques-php #techniques a, .single-techniques #techniques a {background: transparent url(images/menu.png) -90px -17px no-repeat;}

/* subheader */

.logged-in #subheader {
	margin:0 auto;
	width:960px; 
	position: absolute;
}
.logged-in #subheader #memberlinks {
	top:-85px; 
	left:0; 
	position:absolute;
}
.logged-in #subheader #memberlinks li {float:left; margin-right:10px;}
.logged-in #subheader a {color:#fff;}

.logged-in #toplinks {
	color:#fff;
	margin-top:-85px;
	float:right;
	width:400px;
	font-weight: bold;
	font-size:1.1em;
}
.logged-in #toplinks li {float:right; margin:0 10px;}
.logged-in #toplinks ul.isuser li a {
	color:#fff
}
.logged-in #toplinks ul.isuser li a:hover {
	background:none;
	text-decoration: underline;
}

/* content */

#page {
	margin:0 auto;
	width:960px; 
	position: relative;
}

#content{
	float:left; 
	width:650px; 
	font-size:11px; 
	padding-top:25px; 
	display:block;
	text-align: left;
}

.post-teaser-block {
	margin-left:40px;
	margin-bottom:10px;
	font-size:1.2em;
}
.postauthor {
	font-style: italic;
}

.youtube {
	width:650px;
	height:442px;
	padding:31px 0 0 31px;
	display: block;
	background: url(images/video-bg.png) no-repeat;
	margin-left:-35px;
	margin-bottom:-15px;
}
.videopressWrapper {
	width:650px;
	height:442px;
	padding:31px 0 0 31px;
	display: block;
	background: url(images/video-bg.png) no-repeat;
	margin-left:-35px;
	margin-bottom:-15px;
	position: relative;

}

.login-video {
	width:650px;
	height:442px;
	padding:31px 0 0 31px;
	display: block;
	background-color:black;
	margin-left:-35px;
	margin-bottom:-15px;
	margin-top:20px;
}
.post {margin-bottom:30px; padding-right:20px;}

.post h2 a {color:#fff}

.post .date {
	font-style: italic;
}

.post-edit-link {
	color: #fff;
	font-size:1.2em;
	display: block;
	margin-bottom:1em;
}

/* techniques page */
#main-video {
	height:420px;
	text-align: left;
}
#main-video .about {
	float:right;
	width:280px;
	margin:28px 15px 0 0;
	background: url(images/about-bg.jpg) bottom center no-repeat;
	height:400px;
}

#main-video h2 {
	text-transform: uppercase;
	margin-bottom:10px;
	color:#4ca6ff;
}
#main-video h4 {
	font-size:1.4em;
}
#main-video p, #main-video ul, #main-video ol {
	font-size:1.2em;
	color:white;
}
#main-video ul{
	list-style: square;
	margin:10px 0 10px 20px;
}

#main-video .post-edit-link {margin-top:20px;}

.video {
	width: 310px;
	height:100px;
	margin-right:10px;
	border:0px solid red;
	float:left;
}

.video h3 {
	font-size:1.1em;
	margin-bottom:5px;
}

.video .video-thumbnail {
	margin-right:15px;
	background: #333;
	border:1px solid #333;
}

.video .play {
	top: 28px;
	left:72px;
}
#feature .video .play {
	top:13px;
	left:0;
}

/*
.single-techniques .video, .page-template-page-techniques-php .video {
	width: 310px;
	height:100px;
	margin-right:10px;
	border:0px solid red;
	float:left;
}

.single-techniques .video h3, .page-template-page-techniques-php .video h3 {
	font-size:1.1em;
	margin-bottom:5px;
}

.single-techniques .video .video-thumbnail, .page-template-page-techniques-php .video .video-thumbnail {
	margin-right:15px;
	background: #333;
	border:1px solid #333;
}

.single-techniques .video .play, .page-template-page-techniques-php .video .play {
	top: 28px;
	left:72px;
}
*/
.navigation {
	display:block;
	margin-left: 20px;
	font-size:1.2em;
}

.wp_geo_map {
	margin-bottom:20px;
}
.location {
	float:left;
	width:310px;
	font-size:1.2em;
	height:100px;
	position: relative;
}
.location .post-edit-link {
	font-size:.8em;
	color:#4CA6FF;
	position: absolute;
	top:20px;
	left:180px;
}
.post h4 {
	margin:10px 0;
}
.post p {
	font-size:1.2em;
	padding:5px 0;
}
/* sidebar */

#sidebar{
	float:left; 
	width:295px;
	background: black;
	font-size:1.3em;
	color:#e5e5e5;
	text-align:left;
	margin:20px 0 0;
}

#recent-twitter {
	position: relative;
}

#recent-twitter h2 {
	background: url(images/twitter-head.jpg) no-repeat;
	text-indent: -9999px;
	height: 25px;
}

#recent-twitter p {
	margin:10px 30px 10px 10px;
}

#recent-twitter img {
	position: absolute;
	top:35px;
	right:10px;
}
#recent-twitter span {
	text-align: right;
	color:#333;
	display: block;
	font-size:.8em;
	margin:0 10px 10px 0;
}

#recent-twitter ul {margin:10px;font-size:.9em;}
#recent-twitter li {margin-top:10px;}

#recent-forums h2 {
	background: url(images/recent-discussions.jpg) no-repeat;
	text-indent: -9999px;
	height: 25px;
}

#recent-forums ul {margin:10px;font-size:.9em;}
#recent-forums li {margin-top:10px;}
#recent-forums .member {color:#333;}

#sidebar .widget ul {margin-left:20px;}

.widget li {
	padding:2px 0;
	font-size:1.1em;
}

#sidebar .bottom {
	display:block;
	text-transform: uppercase;
	text-align: right;
	margin:0 10px 10px 0;
	font-size:.8em;
}

/* feature */

#feature {
	background: url(images/feature.png) no-repeat;
	margin:0 auto;
	height:91px;
	text-align:left;
	padding:10px 0 0 0;
}

#feature .intro {
	float:left;
	width:200px;
	margin-right:15px;
}
#feature .intro h3 {
	font-weight: bold;
	margin-bottom:2px;
}
#feature .intro p {
	font-size: 1.2em;
}
#feature .intro a {
	text-align: left;
	text-transform: uppercase;
	display: block;
	margin-top:5px;
}
#feature .video {
	float:left;
	background: url(images/feature-video.jpg) no-repeat;
	width:230px;
	height:71px;
	margin-right:10px;
	font-size:.9em;
}

.video {position: relative;}
.video img {
	float:left;
	margin:10px 10px 10px 20px;
}

.video h3 {
	margin-top:10px;
	font-size:1.2em;
	font-weight: bold;
}
.video p {
	padding:1px 8px 0 0;
}

.video a {color:#fff;}

.play {
	position:absolute;
	top:13px;
	left:0;
	display: block;
	text-indent: -9999px;
	background: url(images/play.png) no-repeat;
	height:47px;
	width:47px;
}

#main-video .play {
	top:170px;
	left:310px;
	background: url(images/play-big.png) no-repeat;
	height:86px;
	width:86px;
	
}
/* bottom page */

#bottom-page {
	height:250px;
	text-align: left;
	color:#b2b2b2;
	overflow: hidden;
	font-size:1.2em;
}
#bottom-page .column {
	width:295px;
	float:left;
	padding:20px 0 20px 0px;
}
#bottom-page .first {
	padding-left:0;
	padding-right:30px;
}

#bottom-page .last {
	padding-right:0px;
}
.blog-thumb {clear:both; position: relative;}
.blog-thumb img {
	width:80px;
	float:left;
	margin:-10px 10px 10px 0;
}
.blog-thumb .play {
	top:0;
	left:15px;
}

#bottom-page h3 {color:#fff;margin-bottom:10px;}

/* FOOTER */

#footer{
	background:#1d1d1d;
	color:#666666; 
	clear:both;  
	padding:0 10px; 
	height:50px;
	
}

#footer a {
	color:#4ca6ff;
	text-transform: uppercase;
}

#footer ul {
	float:right;
	margin-top:20px;
}

#footer li {
	float:left;
	border-left:1px solid #666;
	padding:0 5px;
}

#footer .first {padding-left:0; border-left:0;}

#footer p {
	text-align:left;
	padding-top:20px;
	font-size:1em;
}
.blog .thumb-alignleft {
	margin:0 25px 15px 40px;

}
.home .thumb-alignleft {
	margin:0;
	padding:0;
}
cite, blockquote {
	background: url(images/quote.png) no-repeat top left;
	margin:0 20px 0 50px;
	padding: 7px 0 0 10px;
	font-style:italic;
	font-size:1.1em;
}

#login-form {
	font-size:2em;
	margin:10px 0;
}
#login-form label {
	margin:0 20px 0 40px;
}
#login-form input {
	font-size:1em;
	line-height: 1.1em;
	margin:5px 0;
}
#login-form tbody input {
	width:250px;
}

#login-form .submit {
	font-size:1.2em;
	padding:0 10px;
	margin-top:10px;
	font-weight: bold;
}

#disqus_thread {
	margin-right:20px;
}

/***** location page ******/

.single-locations .post h2 {
	
}

.single-locations .post h3 {
	font-weight: bold;
	margin-top:15px;
}


.single-locations .post p {
	color: white;
	line-height: 1.5em;
}

.single-locations .post ul {
	color: white;
	margin:10px 0 10px 30px;
	list-style: disc;
	font-size:1.2em;
}

.single-locations .post address {
	margin-left:10px;
	margin-top:10px;
	font-size:1.2em;
}

.single-locations .post .wp_geo_map {
	margin-top:10px;
}